import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 导入element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

// 导入axios
import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = 'http://big-event-vue-api-t.itheima.net'

// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    //请求发送之前做点什么
    // 判断本次请求是否以 /my 开头，决定是否添加身份认证的字段
    if (config.url.startsWith('/my') && store.state.token) {
      config.headers.Authorization = store.state.token
    }
    return config;
  },
  function (error) {
    //请求错误做点什么
    return Promise.reject(error);
  }
);

// 响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 响应成功之后做点什么
    return response;
  },
  function (error) {
    // 响应失败之后做点什么
    //判断是不是token无效导致
    console.log(error)
    if (error.response.status === 401) {
      // 1. 立即清空无效的 token
      store.commit('setToken', '');
      // 2. 跳转到登录页面
      alert('请先登录')
      router.push('/login');
    }
    return Promise.reject(error);
  }
);

// 导入全局css样式
import '@/assets/global.less'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
